<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <title>
        </title>
        <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.0/jquery.mobile-1.1.0.min.css" />
        <link rel="stylesheet" href="rfi.css" />
        <link rel="stylesheet" type="text/css" href="http://code.jquery.com/mobile/latest/jquery.mobile.min.css" />
                <link rel="stylesheet" type="text/css" href="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.min.css" /> 
                
                <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script> 
                <script type="text/javascript" src="http://code.jquery.com/mobile/latest/jquery.mobile.min.js"></script>
                <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.core.min.js"></script>
                <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/latest/jqm-datebox.mode.calbox.min.js"></script>       <script type="text/javascript" src="http://dev.jtsage.com/cdn/datebox/i18n/jquery.mobile.datebox.i18n.en_US.utf8.js"></script>
    </head>
    <body>
        <!-- Home -->
        <div data-role="page" id="page1" style="position: relative;">
            <div data-role="content" id="logo">
			<img src="ozcretelogo.png" />			
            <div id="addr">
            <strong>Ozcrete Pools Pty Ltd</strong><br />
            ABN: 74984824030 <br />
            BSA: 1100119<br />
			Ph: 07 55466443<br />
			Mob: 0418756170<br />
            Email: info@ozcrete.com.au<br />
			48 Conebush Circuit<br />
            Ormeu  QLD 4820

            </div>
            </div><!-- logo end -->
            <div data-role="content" style="padding: 15px">
                <h2>
                    Request For Information
                </h2>
                <div data-role="collapsible-set" data-theme="" data-content-theme="">
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Date Of
                        </h3>
                        <div data-role="fieldcontain">
                             <label for="mydate" class="ui-hidden-accessible">Date</label>
                             <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="" />
                        </div>
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            From
                        </h3>
                        <div data-role="fieldcontain">

                                <label for="textarea1">
                                </label>
                                <textarea id="textarea1" placeholder="The recipients company/name/phone/email">&nbsp;
                                </textarea>

                        </div>
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            To
                        </h3>
                        <div data-role="fieldcontain">

                                <label for="textarea2">
                                </label>
                                <textarea id="textarea2" placeholder="The person who requested the information">&nbsp;
                                </textarea>

                        </div>
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Response Required By
                        </h3>
						

                        <div data-role="fieldcontain">
                         <label for="mydate" class="ui-hidden-accessible">Date</label>
                        
                                                        <input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "calbox"}' value="<?php echo date('m/d/Y');?>" />
                        </div>

                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Project
                        </h3>
                        <div data-role="fieldcontain">
                            <label for="selectmenu1">
                                Select a Project
                            </label>
                            <select name="selectmenu1" id="selectmenu1">
                                <option value="project1">
                                    Project 1
                                </option>
                            </select>
                        </div> 
                    </div>
                    <div data-role="collapsible" data-collapsed="false">
                        <h3 class="center">
                            Details of Request
                        </h3>
                        <div data-role="fieldcontain">

                                <label for="textarea3">
                                </label>
                                <textarea id="textarea3" placeholder="">&nbsp;
                                </textarea>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <script>
            //App custom javascript
        </script>
    </body>
</html>